/*
 * Ext JS Library 2.0.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * Download by http://down.liehuo.net 
 * http://extjs.com/license
 */

Ext.onReady(function(){

    Ext.QuickTips.init();
    
    var xg = Ext.grid;

    // shared reader
    var reader = new Ext.data.ArrayReader({}, [
       {name: 'company'},
       {name: 'price', type: 'float'},
       {name: 'change', type: 'float'},
       {name: 'pctChange', type: 'float'},
       {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'},
       {name: 'industry'},
       {name: 'desc'}
    ]);

    var grid = new xg.GridPanel({
        store: new Ext.data.GroupingStore({
            reader: reader,
            data: xg.dummyData,
            sortInfo:{field: 'company', direction: "ASC"},
            groupField:'industry'
        }),

        columns: [
            {id:'company',header: "公司", width: 60, sortable: true, dataIndex: 'company'},
            {header: "价钱", width: 20, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
            {header: "更改", width: 20, sortable: true, dataIndex: 'change', renderer: Ext.util.Format.usMoney},
            {header: "行业", width: 20, sortable: true, dataIndex: 'industry'},
            {header: "最新更新时间", width: 20, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
        ],

        view: new Ext.grid.GroupingView({
            forceFit:true,
            groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
        }),

        frame:true,
        width: 700,
        height: 450,
        collapsible: true,
        animCollapse: false,
        title: '分组示例',
        iconCls: 'view',
        renderTo: document.body
    });
});



// Array data for the grids
Ext.grid.dummyData = [
    ['3m Co',71.72,0.02,0.03,'4/2 12:00am', '制造业'],
    ['美铝公司',29.01,0.42,1.47,'4/1 12:00am', '制造业'],
    ['奥特丽亚集团有限公司',83.81,0.28,0.34,'4/3 12:00am', '制造业'],
    ['美国国际集团有限公司',52.55,0.01,0.02,'4/8 12:00am', '金融'],
    ['美国运通公司',64.13,0.31,0.49,'4/1 12:00am', '服务'],
    ['AT&T 公司',31.61,-0.48,-1.54,'4/8 12:00am', '服务'],
    ['波音公司',75.43,0.53,0.71,'4/8 12:00am', '制造业'],
    ['卡特彼勒公司',67.27,0.92,1.39,'4/1 12:00am', '服务'],
    ['花旗集团',49.37,0.02,0.04,'4/4 12:00am', '金融'],
    ['埃及杜邦公司',40.48,0.51,1.28,'4/1 12:00am', '制造业'],
    ['埃克森美孚公司',68.1,-0.43,-0.64,'4/3 12:00am', '制造业'],
    ['通用电气公司',34.14,-0.08,-0.23,'4/3 12:00am', '制造业'],
    ['通用汽车公司',30.27,1.09,3.74,'4/3 12:00am', '车'],
    ['惠普公司',36.53,-0.03,-0.08,'4/3 12:00am', '电脑'],
    ['霍尼韦尔国际有限公司',38.77,0.05,0.13,'4/3 12:00am', '制造业'],
    ['英特尔公司',19.88,0.31,1.58,'4/2 12:00am', '电脑'],
    ['国际商业机器',81.41,0.44,0.54,'4/1 12:00am', '电脑'],
    ['强生公司',64.72,0.06,0.09,'4/2 12:00am', '医学'],
    ['摩根大通公司',45.73,0.07,0.15,'4/2 12:00am', '金融'],
    ['麦当劳公司',36.76,0.86,2.40,'4/2 12:00am', '餐饮'],
    ['默克公司',40.96,0.41,1.01,'4/2 12:00am', '医学'],
    ['微软公司',25.84,0.14,0.54,'4/2 12:00am', '电脑'],
    ['辉瑞公司',27.96,0.4,1.45,'4/8 12:00am', '服务', '医学'],
    ['可口可乐公司',45.07,0.26,0.58,'4/1 12:00am', '餐饮'],
    ['家得宝公司',34.64,0.35,1.02,'4/8 12:00am', '零售'],
    ['宝洁公司',61.91,0.01,0.02,'4/1 12:00am', '制造业'],
    ['联合技术公司',63.26,0.55,0.88,'4/1 12:00am', '电脑'],
    ['Verizon通信',35.57,0.39,1.11,'4/3 12:00am', '服务'],
    ['沃尔玛商店有限公司',45.45,0.73,1.63,'4/3 12:00am', '零售'],
    ['华特迪士尼公司（控股公司）',29.89,0.24,0.81,'4/1 12:00am', '服务']
];

// add in some dummy descriptions
for(var i = 0; i < Ext.grid.dummyData.length; i++){
    Ext.grid.dummyData[i].push('Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna.<br/><br/>Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit.');
}